init();
function init(){
    getData(0);
    $.ajax({
        url:`http://chst.vip:1234/api/getmoneyctrl`,
    }).then(res=>{
        let pages=Math.floor(Number(res.totalCount/res.pagesize))  
        let html="";
        for(var i=0;i<pages;i++)
        {
          html+= ` <option value="${i+1}">${i+1}/${pages}</option>`;
        } 
        $("#select").append(html);

        $("#select").on("change",changeHandler)
    })  
    
    $(".prev").on("click",clickHanddler);
    $(".next").on("click",clickHanddler);

}

function clickHanddler(){
    if($(this).attr("class") == "prev"){
        var num = $("#select").val()-1 ;
        if(num < 1){
            $("#select").val(1);
        }else{
            $("#select").val(num);
            getData(num);
        }
        
    }else{
        var num=+$("#select").val()+1;
        if (num>14){
            $("#select").val(14)
        }else{
            $("#select").val(num);
            getData(num);
        }
    }
}

function changeHandler(){
    var value = $("#select").val();
    getData(value);
}

function getData(pageid){
    $.ajax({
        url:`http://chst.vip:1234/api/getmoneyctrl`,
        data:{
            pageid:pageid
        }
    })
    .then(res=>{
        createLi(res)
    })
    .catch(err=>{
        console.log(err);
    })
}



function createLi(res){
    let html=res.result.reduce((value,item)=>{
        return value+`
        <li productid=${item.productId}>
        <a href="#">
        <div class="left">
        ${item.productImgSm}
        </div>
        <div class="right">
        <h4>${item.productName}</h4>
        <p><span>${item.productFrom}${item.productTime}</span> 
        <i><b class="iconfont">&#xe804;</b> ${item.productComCount}</i></p>
        </div>
        </a>
        </li>
        `
    },"")
    $(".moneyctrl").html(html)
}